<template>
  <q-layout>
    <q-drawer show-if-above v-model="leftDrawerOpen" side="left" bordered>
      <!-- 导航菜单 -->
      <q-list>
        <q-item-label header>主导航</q-item-label>
        <q-item clickable v-close-popup @click="goToPage('create-organization')">
          <q-item-section>建立组织</q-item-section>
        </q-item>
        <q-item clickable v-close-popup @click="goToPage('dashboard')">
          <q-item-section>太阳图</q-item-section>
        </q-item>
        <q-item clickable v-close-popup @click="goToPage('dashboard')">
          <q-item-section>添加成员</q-item-section>
        </q-item>
        <q-item clickable v-close-popup @click="goToPage('dashboard')">
          <q-item-section>关于我们</q-item-section>
        </q-item>
        <!-- 添加更多导航项 -->
      </q-list>
    </q-drawer>

    <q-page-container>
      <router-view />
    </q-page-container>
  </q-layout>
</template>

<script>
export default {
  data() {
    return {
      leftDrawerOpen: true,
    };
  },
  methods: {
    goToPage(pageName) {
      this.$router.push({ name: pageName });
    },
  },
};
</script>
